<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
    />
    <link rel="stylesheet" href="font/iconfont.css" />
    <link rel="stylesheet" href="css/06ym.css" />
  </head>
  <body>
    <script>
      window.onload = function() {
        /*720代表设计师给的设计稿的宽度，你的设计稿是多少，就写多少;100代表换算比例，这里写100是
                                   为了以后好算,比如，你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/
        getRem(750, 100);
      };
      window.onresize = function() {
        getRem(750, 100);
      };
      function getRem(pwidth, prem) {
        var html = document.getElementsByTagName('html')[0];
        var oWidth =
          document.body.clientWidth || document.documentElement.clientWidth;
        html.style.fontSize = (oWidth / pwidth) * prem + 'px';
      }
    </script>
    <header>
      <nav>
        <div></div>
        <div>
          <span>ELLE</span>
          <em>SHOP</em>
        </div>
        <div>
          <span class="iconfont icon-fangdajing1"></span>
        </div>
      </nav>
      <aside>
        <ul>
          <li><a href="07ym.html">综合</a></li>
          <li><a href="04ym.html">明星</a></li>
          <li>
            <a href="05ym.html">视频</a>
          </li>
          <li><a href="03ym.html">买手好物</a></li>
          <li>
            <a href="06ym.html">直播红包</a>
            <div class="ss"></div>
          </li>
        </ul>
      </aside>
    </header>
    <section>
      <div>
        <img src="img/hong.gif" alt="" />
      </div>
      <div>
        <img src="img/meinan.gif" alt="" />
      </div>
      <aside>
        <p>红包</p>
        <p>韩红军直播红包</p>
      </aside>

      <nav>
        <p><span class="iconfont icon-icon--"></span><em>3623</em></p>

        <p><span class="iconfont icon-xinxi"></span><em>3323</em></p>
        <p>
          <span
            class="iconfont icon-fenxiang1
                "
          ></span>
        </p>
      </nav>

      <article>
        <img src="img/wangou.gif" alt="" />
      </article>
    </section>
    <footer>
      <figure>
        <span
          class="iconfont icon-changyongtubiao-xianxingdaochu-zhuanqu_huaban"
        ></span>
        <figcaption>
          <em>精选</em>
        </figcaption>
      </figure>
      <figure>
        <span class="iconfont icon-fangdajing1"></span>
        <figcaption>
          <em>分类</em>
        </figcaption>
      </figure>
      <figure>
        <span class="iconfont icon-shoucang"></span>
        <figcaption>
          <em>时尚头条</em>
        </figcaption>
      </figure>
      <figure>
        <span class="iconfont icon-qicheqianlian-"></span>
        <figcaption>
          <em>购物车</em>
        </figcaption>
      </figure>
      <figure>
        <span class="iconfont icon-My"></span>
        <figcaption>
          <em>我的</em>
        </figcaption>
      </figure>
    </footer>
  </body>
</html>
